﻿@model MvcAtletIS.Models.Articles
@{
    ViewBag.Title = "Články";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section head {

    <!-- TinyMCE -->
    <script src="@Url.Content("~/Scripts/tiny_mce/tiny_mce.js")" type="text/javascript"></script>
    <script type="text/javascript">
        tinyMCE.init({
            // General options
            mode: "textareas",
            theme: "advanced",
            plugins: "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",

            // Theme options
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            theme_advanced_resizing: true,

            // Example content CSS (should be your site CSS)
            content_css: "css/content.css",

            // Drop lists for link/image/media/template dialogs
            template_external_list_url: "lists/template_list.js",
            external_link_list_url: "lists/link_list.js",
            external_image_list_url: "lists/image_list.js",
            media_external_list_url: "lists/media_list.js",

            // Style formats
            style_formats: [
			    { title: 'Bold text', inline: 'b' },
			    { title: 'Red text', inline: 'span', styles: { color: '#ff0000'} },
			    { title: 'Red header', block: 'h1', styles: { color: '#ff0000'} },
			    { title: 'Example 1', inline: 'span', classes: 'example1' },
			    { title: 'Example 2', inline: 'span', classes: 'example2' },
			    { title: 'Table styles' },
			    { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }
		    ],

            // Replace values for the template plugin
            template_replace_values: {
                username: "Some User",
                staffid: "991234"
            }
        });
    </script>
    <!-- /TinyMCE -->

}

<h2>Pridať nový článok</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    
    <fieldset>
        <legend>Detaily</legend>

        @Html.HiddenFor(model => model.CategoryId)

        <div class="editor-label">
            @Html.LabelFor(model => model.Title)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Title, new { style = "width:900px;" })
            @Html.ValidationMessageFor(model => model.Title)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.City)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.City)
            @Html.ValidationMessageFor(model => model.City)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Date)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Date)
            @Html.ValidationMessageFor(model => model.Date)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Editor)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Editor)
            @Html.ValidationMessageFor(model => model.Editor)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Perex)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Perex, new { style = "width:900px;" })
            @Html.ValidationMessageFor(model => model.Perex)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Text)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Text, new { cols = 110, rows = 20 })
            @Html.ValidationMessageFor(model => model.Text)
        </div>
        
        <p>
            @ViewBag.HtmlHelp
        </p>

        <div class="editor-label">
            @Html.LabelFor(model => model.ImagePath)
        </div>
        <div class="editor-field">
            @Html.DropDownList("ImagePath")
            @Html.ValidationMessageFor(model => model.ImagePath)
        </div>

        <p>
            Obrázok uložte do zložky [../Content/articles]
        </p>

        <div class="editor-label">
            @Html.LabelFor(model => model.ImageText)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ImageText)
            @Html.ValidationMessageFor(model => model.ImageText)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Active)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Active)
            @Html.ValidationMessageFor(model => model.Active)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Top)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Top)
            @Html.ValidationMessageFor(model => model.Top)
        </div>

        <p>
            <input type="submit" value="Pridať" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Naspäť na prehľad článkov", "Index", new { CategoryId = Model.CategoryId})
</div>
